<%-- 
    Document   : Probando
    Created on : 19/09/2013, 10:46:20 AM
    Author     : davis
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#getDetails").click(function(){
                    $.ajax({
                        type : "GET",
                        url : "SCargarArea",
                        success: function(response){
                            $("#nombres").val(response.codigoCobro);
                        },
                        error : function(){
                        }

                    });
                });
            });

        </script>

        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <title>Insert title here</title>
    </head>
    <body>
        <h1><a href="SCargarArea">Listar cuotas</a></h1>
        <br/><br/><br/><br/><br/>
        <center>
        <div  class="cuerpo">
            <form >
                <fieldset>
                    <legend>Matricula</legend>
                    <table  border=0 >
                        <tr>
                            <td></td>
                            <td></td>
                            <td>Datos Personales</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td>Datos especificos</td>
                            <td></td>
                        </tr>
                        <tr>
                            <td align="right">Nombres:</td>
                            <td>&nbsp</td>
                            <td width="100"><input type="text" id="nombres" /></td>
                            <td width="100">&nbsp</td>
                            <td align="right">Area a la que postula:</td>
                            <td>&nbsp</td>
                            <td width="180"><select  id="area"></select> Nuevo</td>
                            <td></td>
                        </tr>
                        <tr>
                            <td align="right">Apellido Paterno:</td>
                            <td>&nbsp</td>
                            <td width="100"><input type="text" id="apPaterno" /></td>
                            <td width="100">&nbsp</td>
                            <td align="right">Salon:</td>
                            <td>&nbsp</td>
                            <td width="180"><input type="text" id="salon" readonly="readonly"/></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td align="right">Apellido Materno:</td>
                            <td>&nbsp</td>
                            <td width="100"><input type="text" id="apMaterno" /></td>
                            <td width="100">&nbsp</td>
                            <td align="right">Forma de pago:</td>
                            <td>&nbsp</td>
                            <td><select  id="formaPago">
                                    <option value="1">Todo en I</option>
                                    <option value="2">En  II partes</option>
                                    <option value="3">En III partes</option>
                                </select>
                            </td>
                            <td><input type="text" id="pagos" size="10" readonly="readonly"/></td>
                        </tr>
                        <tr>
                            <td align="right">DNI:</td>
                            <td>&nbsp</td>
                            <td width="100"><input type="text" id="dni" /></td>
                            <td width="100">&nbsp</td>
                            <td align="right"></td>
                            <td>&nbsp</td>
                            <td width="180"></td>
                        </tr>
                        <tr>
                            <td align="right">Telefono</td>
                            <td>&nbsp</td>
                            <td width="100"><input type="text" id="telefono" /></td>
                            <td width="100">&nbsp</td>
                            <td align="right"></td>
                            <td>&nbsp</td>
                            <td width="200"></td>
                        </tr>
                        <tr>
                            <td align="right">E-mail</td>
                            <td>&nbsp</td>
                            <td width="100"><input type="text" id="email" /></td>
                            <td width="100">&nbsp</td>
                            <td align="right"></td>
                            <td>&nbsp</td>
                            <td width="180"></td>
                        </tr>
                         
                    </table>
                    <br/>
                    <br/>
                    <table>
                        <tr>
                            <td align="right">Fecha de Inicio:</td>
                            <td>&nbsp</td>
                            <td width="100"><input type="text" id="fechaInicio" /></td>
                            <td width="50">&nbsp</td>
                            <td align="right">Fecha de Finalizacion:</td>
                            <td>&nbsp</td>
                            <td width="100"><input type="text" id="fechaFinalizacion" /></td>
                        </tr>
                    </table>
                </fieldset>
            </form>
        </div>
        </center>

        <input type="button" id="getDetails" value="GET VALUE"/>
    </body>
</html>